<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>活动管理</title>
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/css/components/active.css">

</head>

<body>
    <ul class="layui-nav header-nav" lay-filter="">
        <li class="layui-nav-item">
            <a href="">logo</a>
        </li>
        <li class="layui-nav-item">
            <a href="../index.html">文章管理</a>
        </li>
        <li class="layui-nav-item  layui-this">
            <a href="active.html">活动管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../tea/tea.html">茶馆管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../collection/collection.html">藏家行情</a>
        </li>
        <li class="layui-nav-item">
            <a href="../proprietary/proprietary.html">自营商品</a>
        </li>
        <li class="layui-nav-item">
            <a href="../banner/banner.html">banner管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../sms/sms.html">短信模板</a>
        </li>
        <!-- 头部右侧 -->
        <div class="header-right">
            <div class="help">
                <i class="layui-icon layui-icon-help ic-help" style="font-size: 6px; "></i>
            </div>
            <li class="layui-nav-item">

                <a href="">帮助</a>
            </li>
            <li class="layui-nav-item">
                <a href="">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
            </li>
        </div>
    </ul>

    <!-- 面包屑 -->
    <div class="breadcrumb">
        <span class="layui-breadcrumb"lay-separator=">">
            <a href="">活动管理</a>
            <a href="">全部活动</a>
        </span>
    </div>


    <!-- 中间内容区 -->
    <div class="container">
        <div class="con-left fl">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">活动管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="active.html"class="layui-this">全部活动</a>
                        </dd>
                        <dd class="active-require">
                            <a href="act-reqire.html">活动请求</a>
                            <div class="active-circle">1</div>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 中间区域右侧 -->
        <div class="con-right fr">
            <!-- 上面文章标签选择区域 -->
            <div class="art-title">
                <span class="art-tag">活动标签：</span>
                <input type="checkbox">品鉴
                <input type="checkbox">免费
                <input type="checkbox">财富
                <input type="checkbox">新手
                <input type="checkbox">健康
                <input type="checkbox">深圳
                <input type="checkbox">南京
                <button class="layui-btn layui-btn-radius layui-btn-normal search">确认</button>

                <a href="add-active.html" class="layui-btn-group art-add fr">
                    <i class="layui-icon icon-add">&#xe654;新增</i>
                </a>

            </div>

            <!-- 列表区 -->
            <table class="layui-table art-table" lay-skin="line" lay-size="sm">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <tbody>
                    <tr>
                        <td>活动标题
                            <p>活动标题活动标题</p>
                        </td>
                          <td>
                        <div class="classify">
                            <div class="circle"></div> 扫盲
                         </div>
                        <div class="circle"></div> 品鉴
                    </td>
                        <td>已上架</td>
                        <td>已结束</td>
                        <td>3人报名</td>
                        <td class="article-edit">
                            <a href="act-edit.html">编辑</a>
                            <span class="separator"></span>
                            <a href="signup.html">报名情况</a>
                            <span class="separator"></span>
                            <a href="javascript:;" id="more">更多</a>
                        </td>
                    </tr>
                    <tr>
                        <td>活动标题
                            <p>活动标题活动标题</p>
                        </td>
                        <td>
                            <div class="classify">
                                <div class="circle"></div> 扫盲
                            </div>
                            <div class="circle"></div> 品鉴
                        </td>
                        <td>已上架</td>
                        <td>已结束</td>
                        <td>3人报名</td>
                        <td class="article-edit">
                            <a href="act-edit.html">编辑</a>
                            <span class="separator"></span>
                            <a href="signup.html">报名情况</a>
                            <span class="separator"></span>
                            <a href="javascript:;" id="more">更多</a>
                        </td>
                    </tr>
                    <tr>
                        <td>活动标题
                            <p>活动标题活动标题</p>
                        </td>
                        <td>
                            <div class="classify">
                                <div class="circle"></div> 扫盲
                            </div>
                            <div class="circle"></div> 品鉴
                        </td>
                        <td>已上架</td>
                        <td>已结束</td>
                        <td>3人报名</td>
                        <td class="article-edit">
                            <a href="act-edit.html">编辑</a>
                            <span class="separator"></span>
                            <a href="signup.html">报名情况</a>
                            <span class="separator"></span>
                            <a href="javascript:;" id="more">更多</a>
                        </td>
                    </tr>
                    <tr>
                        <td>活动标题
                            <p>活动标题活动标题</p>
                        </td>
                        <td>
                            <div class="classify">
                                <div class="circle"></div> 扫盲
                            </div>
                            <div class="circle"></div> 品鉴
                        </td>
                        <td>已上架</td>
                        <td>已结束</td>
                        <td>3人报名</td>
                        <td class="article-edit">
                            <a href="act-edit.html">编辑</a>
                            <span class="separator"></span>
                            <a href="signup.html">报名情况</a>
                            <span class="separator"></span>
                            <a href="javascript:;" id="more">更多</a>
                        </td>
                    </tr>
                   
                </tbody>
            </table>
        </div>
    </div>




    <script src="../static/lib/layui/layui.all.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/base.js"></script>
    <script>
        ; !function () {
            //无需再执行layui.use()方法加载模块，直接使用即可
            var form = layui.form
                , layer = layui.layer;
                var more =my('more');
                more.onclick=function(){
                    layer.tips('<a class="link report">预览</a>'+'<a class="link write">写报告</a>' + '<a class="link delte">删除</a>', '#more');
                }
                $(document).on('click', '.report', function () {
                window.location.href = '';  //跳转预览页面
            });
            $(document).on('click', '.write', function () {
                window.location.href = 'write-report.html';  //跳转写报告页面
            });
            $(document).on('click', '.delte', function () {
                 layer.confirm('您确定要删除这行内容吗？', {
                    btn: ['确定', '取消'] //按钮
                }, function () {
                    layer.msg('已删除', { icon: 1 });
                }, function () {
                    layer.msg('已取消');
                });
            });
                
               


        }();
    </script>



</body>

</html>